export function TextEditorPlaceholder() {
  return (
    <div className='flex flex-grow flex-col relative h-full w-full rounded-lg border border-border overflow-hidden'>
      <div className='w-full h-full bg-secondary p-6 animate-pulse'>
        <svg
          width='380'
          height='578'
          viewBox='0 0 380 578'
          fill='none'
          xmlns='http://www.w3.org/2000/svg'
        >
          <g opacity='0.2'>
            <path
              d='M0 5C0 2.23858 2.23858 0 5 0H55C57.7614 0 60 2.23858 60 5C60 7.76142 57.7614 10 55 10H5C2.23858 10 0 7.76142 0 5Z'
              fill='#667280'
            />
            <path
              d='M0 27C0 24.2386 2.23858 22 5 22H119C121.761 22 124 24.2386 124 27C124 29.7614 121.761 32 119 32H5C2.23858 32 0 29.7614 0 27Z'
              fill='#667280'
            />
            <path
              d='M5 44C2.23858 44 0 46.2386 0 49C0 51.7614 2.23858 54 5 54H167C169.761 54 172 51.7614 172 49C172 46.2386 169.761 44 167 44H5Z'
              fill='#667280'
            />
            <path
              d='M0 71C0 68.2386 2.23858 66 5 66H55C57.7614 66 60 68.2386 60 71C60 73.7614 57.7614 76 55 76H5C2.23858 76 0 73.7614 0 71Z'
              fill='#667280'
            />
            <path
              d='M5 116C2.23858 116 0 118.239 0 121C0 123.761 2.23858 126 5 126H55C57.7614 126 60 123.761 60 121C60 118.239 57.7614 116 55 116H5Z'
              fill='#667280'
            />
            <path
              d='M0 209C0 206.239 2.23858 204 5 204H55C57.7614 204 60 206.239 60 209C60 211.761 57.7614 214 55 214H5C2.23858 214 0 211.761 0 209Z'
              fill='#667280'
            />
            <path
              d='M29 138C26.2386 138 24 140.239 24 143C24 145.761 26.2386 148 29 148H319C321.761 148 324 145.761 324 143C324 140.239 321.761 138 319 138H29Z'
              fill='#667280'
            />
            <path
              d='M24 165C24 162.239 26.2386 160 29 160H279C281.761 160 284 162.239 284 165C284 167.761 281.761 170 279 170H29C26.2386 170 24 167.761 24 165Z'
              fill='#667280'
            />
            <path
              d='M29 182C26.2386 182 24 184.239 24 187C24 189.761 26.2386 192 29 192H375C377.761 192 380 189.761 380 187C380 184.239 377.761 182 375 182H29Z'
              fill='#667280'
            />
            <path
              d='M0 485C0 482.239 2.23858 480 5 480H55C57.7614 480 60 482.239 60 485C60 487.761 57.7614 490 55 490H5C2.23858 490 0 487.761 0 485Z'
              fill='#667280'
            />
            <path
              d='M5 430C2.23858 430 0 432.239 0 435C0 437.761 2.23858 440 5 440H55C57.7614 440 60 437.761 60 435C60 432.239 57.7614 430 55 430H5Z'
              fill='#667280'
            />
            <path
              d='M0 573C0 570.239 2.23858 568 5 568H55C57.7614 568 60 570.239 60 573C60 575.761 57.7614 578 55 578H5C2.23858 578 0 575.761 0 573Z'
              fill='#667280'
            />
            <path
              d='M29 386C26.2386 386 24 388.239 24 391C24 393.761 26.2386 396 29 396H103C105.761 396 108 393.761 108 391C108 388.239 105.761 386 103 386H29Z'
              fill='#667280'
            />
            <path
              d='M24 551C24 548.239 26.2386 546 29 546H319C321.761 546 324 548.239 324 551C324 553.761 321.761 556 319 556H29C26.2386 556 24 553.761 24 551Z'
              fill='#667280'
            />
            <path
              d='M29 408C26.2386 408 24 410.239 24 413C24 415.761 26.2386 418 29 418H119C121.761 418 124 415.761 124 413C124 410.239 121.761 408 119 408H29Z'
              fill='#667280'
            />
            <path
              d='M24 507C24 504.239 26.2386 502 29 502H279C281.761 502 284 504.239 284 507C284 509.761 281.761 512 279 512H29C26.2386 512 24 509.761 24 507Z'
              fill='#667280'
            />
            <path
              d='M29 524C26.2386 524 24 526.239 24 529C24 531.761 26.2386 534 29 534H375C377.761 534 380 531.761 380 529C380 526.239 377.761 524 375 524H29Z'
              fill='#667280'
            />
            <path
              d='M0 259C0 256.239 2.23858 254 5 254H55C57.7614 254 60 256.239 60 259C60 261.761 57.7614 264 55 264H5C2.23858 264 0 261.761 0 259Z'
              fill='#667280'
            />
            <path
              d='M29 276C26.2386 276 24 278.239 24 281C24 283.761 26.2386 286 29 286H159C161.761 286 164 283.761 164 281C164 278.239 161.761 276 159 276H29Z'
              fill='#667280'
            />
            <path
              d='M24 303C24 300.239 26.2386 298 29 298H287C289.761 298 292 300.239 292 303C292 305.761 289.761 308 287 308H29C26.2386 308 24 305.761 24 303Z'
              fill='#667280'
            />
            <path
              d='M29 320C26.2386 320 24 322.239 24 325C24 327.761 26.2386 330 29 330H78C80.7614 330 83 327.761 83 325C83 322.239 80.7614 320 78 320H29Z'
              fill='#667280'
            />
            <path
              d='M24 369C24 366.239 26.2386 364 29 364H62C64.7614 364 67 366.239 67 369C67 371.761 64.7614 374 62 374H29C26.2386 374 24 371.761 24 369Z'
              fill='#667280'
            />
            <path
              d='M29 342C26.2386 342 24 344.239 24 347C24 349.761 26.2386 352 29 352H94C96.7614 352 99 349.761 99 347C99 344.239 96.7614 342 94 342H29Z'
              fill='#667280'
            />
          </g>
        </svg>
      </div>
    </div>
  )
}
